<template>

  <span>学生管理系统</span>
    <div>
      <el-avatar
          :src="userimpl.userstor.avatar"
        />
      <a id="tc" href="#">退出登录</a>
    </div>
</template>

<script>
import {user} from'@/stores/user'
export default {
 setup(){
  const userimpl =user();
  return {userimpl}
 }
};
</script>

<style scoped>
div{
  float: right;
}
.el-avatar{
  margin-top: 10px;
  float: left;
  margin-right: 20px;
}
#tc{
  float: left;
  text-decoration:none;
  
}
a:hover,a:visited{color: #0f0f0f;;}  
</style>